html{
	font-size: 100px;
}
html,body{
			width: 100%;
			height: 100%;

			
		}
.clear:after{
		content: '';
		clear:both;
		display: block;
	}
.search{
	width: 100%;
	height: 0.7rem;
	background-color: #48382b;
	position: relative;
}
.search input{
	width: 2rem;
	height:  0.3rem;
	background-color: #403228;
	color: #99886b;
	font-size: 0.14rem;
	border-radius: 0.1rem;
	position: absolute;bottom: 0.15rem; left: 0.3rem;
	border:1px solid #7e624b;
/*	border-top:1px solid #403228;
	border-right: 1px solid #7e624b;
	border-bottom: 1px solid #7e624b;*/

	padding-left: 0.4rem;
	box-shadow:inset 1px 1px 2px 0 #7e624b;

}
.search img{
	position: absolute;
	height: 0.2rem;
	left: 0.42rem;
	bottom:0.2rem;
}
.search .xiala{
	width: 0.42rem;
	height: 0.34rem;
	position: absolute;
	bottom:0.08rem;right: 0.2rem;
	z-index: 10;

}
.search .xiala div{
	width: 0.3rem;
	height: 0.03rem;
	border-radius: 0.03rem;
	background-color: #ffffff;
	margin-bottom: 0.05rem;
}
.content{
	width: 100%;
	/*height: 1120px;*/
	
}
.jin{
	width: 100%;
	height: 1.3rem;
	
	background-color: #dadad4;
}
.ying{
	width: 100%;
	height: 4.3rem;
	background-color: #ebeae4;
}
.ying .son{
	height: 1.4rem;
	width: 1.01rem;
	background-color: white;
	float: left;
	border-radius: 0.04rem;
	margin-right: 0.21rem;
	margin-bottom: 0.1rem;
}
.ying .begin{
	margin-left: 0.15rem;
}
.ying .after{
	margin-right: 0.15rem;
}
.ying .line{
	width: 100%;
	height: 0.32rem;
	border-bottom:1px solid #dadada;
	font-size: 0.14rem;
	color: #c6c6c6;
	text-align: center;
	line-height: 0.3rem;
}
.ying img{
	width: 0.9rem;
	margin: 0.05rem 0px 0px 0.05rem;
}
.jin{
	position: relative;
}
.jin img{
	width: 0.78rem;
}
.jin div{
	margin-top: 0.1rem;
	margin-right: 0.15rem;
	float: left;
}
.jin .one{
	margin-left: 0.15rem;
}

.jin .x1{
	position: absolute;
	top: 0.04rem;
	left: 0.78rem;
	width: 0.25rem;
}
.jin .x2{
	position: absolute;
	top: 0.04rem;
	left: 1.7rem;
	width:0.25rem;
}
.jin .x3{
	position: absolute;
	top: 0.04rem;
	left: 2.6rem;
	width: 0.25rem;
}
.jin .menus{
	height: 1.3rem;
	width: 1.12rem;
	position: absolute;right: 0;
	background-color: #e6e5dc;
	margin: 0;
}
.jin .menus p{
	color: #6f6f6f;
	font-size: 0.15rem;
	margin-top: 0.4rem;
	margin-left: 0.1rem;
}
.jin .menus .look{
	width: 0.5rem;
	height: 0.25rem;
	background-color: #66ac37;
	color: white;
	margin-left: 0.3rem; 
	border-radius:0.05rem;
	text-align: center;
	font-size: 0.15rem;
	line-height:0.25rem;
}

/*底部---------------------*/

.nav{

			width: 100%;
			height: 0.65rem;
			background-color: #48382b;
			position: fixed;
			bottom: 0;
		}
		.nav img{
			height: 0.2rem;
			vertical-align: top;
		}
		.nav ul {

			margin-top: 0.15rem;
			height: 0.2rem;
		}
		.nav ul li{
			float: left;
			margin-right:14%; 
			/*height: 30px;*/
		}
		#first{
			margin-left: 0.2rem;
		}
		#last {
			margin-right: 0.2rem;
		}
		.nav .text{
			margin-top: 0.05rem;
			color: #c3ad88;
			font-size: 0.13rem;
			width: 100%;
		}
		.nav .text span{
			margin-right: 12%;
		}
		#prev{
			margin-left: 0.19rem;
		}
		#next {
			
			margin-right: 0.2rem;
			/*margin-left: 1%;*/
		}
		#find{
			margin-left: 1.5%;
		}

		@media only screen and (device-width: 320px) {

			html{
				font-size: 85px;
			}
			
			.nav .text span{
			margin-right: 11.4%;
		}
		#prev{
			margin-left: 0.17rem;
		}
		}
		@media only screen and (device-width: 414px){
			html{
				font-size: 110px;
			}
		}
		@media only screen and (device-width: 768px){
			html{
				font-size: 205px;
			}
		}






